layui.use('layer', function(){
    var layer = layui.layer;
});

$(function () {
   findByItem(1);
});

//分页查询
function findByItem(pageNO) {
    //$("#f1").serialize() 表示表单序列化，将表单数据以http协议的格式输出
    $.post("/product/findByItem","pageNO="+pageNO+"&"+$("#f1").serialize(),function (pageObj) {
        //拼接表格数据
        var str = "";
        for(var i=0;i<pageObj.list.length;i++){
            var obj = pageObj.list[i];
            str += `<tr><td>${obj.name}</td><td>${obj.price}</td><td>${obj.createDate}</td>
                <td><a class="layui-btn layui-btn-normal" href="javascript:del(${obj.id})">删除</a>
                <a href="javascript:findById(${obj.id})" class="layui-btn layui-btn-danger">修改</a></td></tr>`;
        }
        $("#productData").html(str);

        //如果是第一页，则构建分页插件
        if(pageNO == 1){
            layui.use('laypage', function(){
                var laypage = layui.laypage;

                //执行一个laypage实例
                laypage.render({
                    elem: 'cutPageDiv' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: pageObj.total, //数据总数，从服务端得到
                    limit:pageObj.pageSize,//每页显示记录数
                    jump:function (obj,first) {
                        if(!first){
                            //打印页码
                            // console.log(obj.curr)
                            findByItem(obj.curr)
                        }
                    }
                });
            });
        }
    });
}

//删除
function del(id) {
    $.post("/product/del","id="+id,function (info) {
        if(info == 'ok'){
            findByItem(1);
        }
    });
}

//查询商品
function findById(id) {
    $.post("/product/findById","id="+id,function (productObj) {
        $("#id").val(productObj.id);
        $("#nameSpan").html(productObj.name);
        $("#price").val(productObj.price);
        $("#createDateSpan").html(productObj.createDate);
    });

    layer.open({
        title:"修改商品信息", // 标题
        type:1,//弹出层类别，1表示页面层
        shadeClose:true,//点击遮罩，关闭对话框
        skin: 'layui-layer-rim', //加上边框
        area: ['420px', '240px'], //宽高
        anim:4,
        content: $("#updateDiv")
    });
}

//修改商品
function updateProduct() {
    $.post("/product/update",$("#updateForm").serialize(),function (info) {
        if(info == 'ok'){
            findByItem(1);
            //关闭所有弹出层
            layer.closeAll();
        }
    })
}